<template>
	<div class="home">
		<h1 @click="handleParameter">向父级传递参数</h1>
		<h1 @click="getParameter">获取父级参数</h1>
	</div>
</template>

<script setup>
	let handleParameter = () => {
	  console.log('传递参数',window.__MICRO_APP_ENVIRONMENT__)
	  if(window.__MICRO_APP_ENVIRONMENT__){
		// window.microApp.dispatch({type: '子应用发送给主应用的数据'})
		window.microApp.dispatch({city: 'HK'}, () => {
		  // console.log('数据已经发送完成')
		})
		//全局数据发送
		// window.microApp.setGlobalData({type: '全局数据'})
		// 强制发送数据，无论缓存中是否已经存在 name: 'jack' 的值
		// window.microApp.forceDispatch({name: 'jack'}, () => {
		//   console.log('数据已经发送完成')
		// })
	  }
	}
	let getParameter = () => {
		if(window.__MICRO_APP_ENVIRONMENT__){
			const data = window.microApp.getData() // 返回主应用下发的data数据
			console.log(data,'父级数据')
		}
	}
</script>

<style>
</style>